<template>
 <view class="" style="padding: 10px 15px;">
 	<view class="grid-list">
 	  <view class="grid-item" v-for="(item, index) in list" :key="index">
 		 <view class="grid-item-image" style="background-color: red;">
 		  </view>
 	    <text class="grid-item-text">{{ item.text }}</text>
 	  </view>
 	</view>
 </view>
</template>
 
<script>
export default {
  data() {
    return {
      list: [
        { image: 'path/to/image1.jpg', text: 'Item 1' },
        { image: 'path/to/image2.jpg', text: 'Item 2' },
		{ image: 'path/to/image1.jpg', text: 'Item 1' },
		{ image: 'path/to/image2.jpg', text: 'Item 2' },
		{ image: 'path/to/image1.jpg', text: 'Item 1' },
		{ image: 'path/to/image2.jpg', text: 'Item 2' },
		{ image: 'path/to/image1.jpg', text: 'Item 1' },
		{ image: 'path/to/image2.jpg', text: 'Item 2' },
        // ... 更多项
      ]
    };
  }
};
</script>
 
<style>
.grid-list {
  display: flex;
  flex-wrap: wrap;
}
 
.grid-item {
  width: 50%; /* 每行三个，可根据需求调整 */
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 10px; */
  background-color: blue;
}
 
.grid-item-image {
  width: 60px;
  height: 60px;
}
 

</style>
